<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人园子</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/myGarden/myGarden.css}"
          href="../../static/css/myGarden/myGarden.css">
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.min.js}"
            src="../../static/js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" th:src="@{/js/myGarden/myGarden.js}"
            src="../../static/js/myGarden/myGarden.js"></script>
</head>
<body>
<header>
    <div id="personalInfo">
        <a href="/user/getUserInfoView"> <img id="portrait" th:src="@{${user.headportrait}}" alt="" src=""></a>
        <label id="personalName" th:text="${user.nickname}">name</label>
        <label id="personalSign" th:text="${user.signature}">这个人很懒，什么都没有留下</label>
    </div>
</header>
<main>
    <div id="gardenLeft">
        <div id="gardenMenu">
            <ul>
                <li>
                    <a href=""><img th:src="@{/img/myGarden/home.png}" align="absbottom"
                                    src="../../static/img/myGarden/home.png" alt="">我的园子</a>
                </li>
                <li th:each="item:${menuItemList}">
                    <a th:href="${item.menuhref}" href="">
                        <img th:src="${item.menuicon}" alt="" align="absbottom" src="">
                        [[${item.menuname}]]
                    </a>
                </li>
            </ul>
        </div>
        <div style="width: 96%;height: 1px;background-color: #c2c2c2;margin: 0 2%"></div>
        <div id="personalActivities">
            <h3>最近动态</h3>
            <div class="activityContent" th:each="yuanwen:${yuanWenList}">
                <p>[[${yuanwen.content}]]<a th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${yuanwen.objectid}"  href=#>阅读全文</a></p>
                <p class="activityFooter">posted @ [[${yuanwen.createtime}]] [[${user.nickname}]]</p>
            </div>
            <div class="activityContent" th:each="book:${bookList}">
                <p>[[${book.name}]]<a    th:href="'/download/bookDetail?bookId='+${book.objectid}"  href="">查看书籍</a></p>
                <p class="activityFooter">posted @ [[${book.createtime}]] [[${user.nickname}]]</p>
            </div>
        </div>
    </div>
    <div id="gardenRight">
        <div id="personalRecord">
            <table>
                <thead>
                <tr>
                    <th style="color:#c2c2c2">关注数</th>
                    <th style="color:#c2c2c2">粉丝数</th>
                    <th style="color:#c2c2c2">获赞数</th>
                    <th style="color:#c2c2c2">发布数</th>
                    <th style="color:#c2c2c2">上传数</th>
                </tr>
                </thead>
                <tbody>
                <tr id="record">
                    <td th:text="${followNum}">0</td>
                    <td th:text="${fansNum}">0</td>
                    <td th:text="${likedNum}">0</td>
                    <td th:text="${releaseNum}">0</td>
                    <td th:text="${uploadNum}">0</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="notice">
            <h3>公告</h3>
            <p th:text="${user.announcement}">编辑公告</p>
        </div>
    </div>
</main>
</body>
</html>